<template>
  <div id="app">
    <greatLayout>
      <great-layout-top>
        <h2 style="color:#fff;margin:0;padding:0;text-align: left;text-indent: 2em;">layout-top</h2>
      </great-layout-top>
      <great-layout-center>
        <great-layout-left>
          <h2>菜单栏</h2>
          <ul>
            <li><a href="#/">layout</a></li>
            <li><a href="#/form01">form01</a></li>
            <li><a href="#/card0">card0</a></li>
            <li><a href="#/card1">card1</a></li>
            <li><a href="#/card">card</a></li>
            <li><a href="#/modal01">modal01</a></li>
            <li><a href="#/jsx01">jsx01</a></li>
          </ul>
        </great-layout-left>
        <great-layout-main>
          <router-view/>
        </great-layout-main>
      </great-layout-center>
      <great-layout-bottom>111</great-layout-bottom>
    </greatLayout>
  </div>
</template>

<script>
//import 'vue-toast/dist/vue-toast.min.css'
import axios from 'axios'
import {httpUtils} from 'vue-npm'

export default {
  name: 'App',
  components: {
  },
  mounted() {
    axios.get('/getDataList').then(res => {
      console.log(res);
      console.log(res.data);
    })
    httpUtils.get('/getDataList').then(res => {
      console.log('greatRequest', res);
    })
  }
}
</script>

<style>
@import "style/great-glob.css";
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}
</style>
